body,p,ul,li{margin:0;padding:0;}
body{background-color: #efefef;width:100vw;}
ul,li{list-style: none;}
.form-item{padding:10px}
.form-item .label{font-style: italic;font-weight: bold;font-size: 14px;}
.form-item .input{margin-top:7px;display:flex;align-items: center;}
.form-item .input input:not([type='radio']){border:1px solid #ccc;padding:5px;outline: none;width:100%;height:25px;line-height: 25px;font-size:16px}
.form-item .input input:focus{border-color: dodgerblue;}
.form-item .input.radio-group{border:1px solid #ccc;padding:5px;width:calc(100% - 10px);height:25px;line-height: 25px;font-size:16px;display:flex;}
.form-item .input.radio-group label{margin-right:10px}

.btn{width:calc(100% - 14px);margin:7px}
.btn button{height:43px;line-height: 43px;text-align: center;border:none;background-color: dodgerblue;width: 100%;color:#fff;font-size: 16px;border-radius: 5px;}
.btn.small button{height:36px;font-size:14px;line-height: 36px;}

.container{margin-bottom: 60px;}

.modal{width:86vw;position:fixed;left:7vw;top:40%;z-index:9999;display:none;}
.modal:before{content:'';position:fixed;left:0;top:0;background-color: #000;opacity: 0.5;width: 100vw;height: 100vh;}
.modal .body{position:relative;z-index:9;padding:5px;border:1px solid #ccc;background-color: #fff;border-radius: 5px;}

.action-sheel{width:100vw;border-top:1px solid #ccc;position:fixed;bottom:0;z-index: 9999;display:none;}
.action-sheel::after{content:'';position:fixed;left:0;top:0;width:100vw;height:100vh;background-color: #000;opacity: 0.4;}
.action-sheel .body{position: relative;background-color: #fff;z-index: 9;text-align: center;}
.action-sheel .body .title{height:40px;background-color: dodgerblue;line-height: 40px;font-weight: bold;color:#efefef;}
.action-sheel .body ul li{height:40px;line-height: 40px;border-bottom:1px solid #eee;}

.tabs{height:50px;border-top:1px solid #ccc;position:fixed;bottom:0;left:0;width:100vw;background-color: #e4e4e4;padding-top:3px;}
.tabs ul{display:flex;}
.tabs ul li{width:calc(33% - 1px);text-align: center;}
.tabs ul li.active a{color:dodgerblue;}
.tabs ul li a{text-decoration: none;color:#555;display:inline-block;}
.tabs ul li .iconfont{font-size: 25px;}
.tabs ul li .text{font-size: 12px;}

.index-logo{text-align: center;height:18vh;background:linear-gradient(180deg,#757f9a,#d7dde8,#efefef);padding-top:3vh}
.index-logo .iconfont{font-size: 100px;color:#fff}
.index-name{font-size: 18px;font-weight: bold;color:#896d47;text-shadow: 1px 1px 1px #fff;}
.text-item{width:calc(90vw - 20px);margin-left:5vw;border:1px solid #ccc;background-color: #fff;border:1px solid #ccc;box-shadow: 0 0 5px #ccc;margin:15px 5vw;padding:10px;border-radius: 5px;}
.text-item .label{border-bottom:1px solid #ccc;padding-bottom:5px;font-weight: bold;}
.text-item .text{font-size: 14px;padding:7px 0;}

.tree.root{display:flex;}
.tree .node{margin:0 10px;text-align: center;}
.tree .node > span{border:1px solid #ccc;background-color:bisque;padding:5px 7px;display:inline-block;position:relative;font-size: 14px;font-weight: bold;min-width:4em;}
.tree .node > span:before{content:'';display:inline-block;position:absolute;top:-30px;width:0px;height:30px;overflow: hidden;border-left:1px solid #999;left:50%;}
.tree .node > span:after{content:'';display:inline-block;position:absolute;bottom:-22px;width:0px;height:22px;overflow: hidden;border-left:1px solid #999;left:50%;}
.tree .children{display:flex;justify-content: center;margin:50px 0;position: relative;}
/* .tree .children:before{content:'';display:block;height:0;overflow: hidden;top:-30px;border-top:1px solid #999;width:100%;left:0;position:absolute;} */

.tree.root > .node > span:before{display:none;}
.tree .node > span:last-child:after{display:none}
.tree > .node span i{display:block;font-size:12px;font-weight: normal;color:crimson}

.me-logo{background:linear-gradient(138deg,#3c8ce7,#00eaff) ;text-align: center;padding:1.5vh 0;}
.me-logo .icon{color:#fff;background-color:#284852 ;border-radius: 5vh;width:10vh;height:10vh;line-height: 10vh;text-align: center;margin-left:2vw;display:inline-block}
.me-logo .icon .iconfont{font-size: 50px;}
.me-logo .text{color:#fff;margin-left:3vw;}
.me-logo .text > span{font-size:18px}

.item-list{margin: 15px;overflow: hidden;overflow-y: auto;}
.item-list li{display:flex;align-items: center;padding:15px 7px;border-bottom:1px solid #ccc;background-color: #fff;}
.item-list li:first-child{border-radius: 5px 5px 0 0;}
.item-list li:last-child{border-radius:  0 0 5px 5px;}
.item-list li .label{font-weight: bold;}
.item-list li .value{text-align: right;flex:1;padding-right:2vw;}
.item-list li .tag{text-align: right;color:#c0c0c0;width:20px;}